<style>
    td,th{text-align: center;}
    td:first-child{text-align: left;}
       table.table-bordered.dataTable{}
    table.dataTable thead > tr > th{border-top: none!important;}
    table.dataTable{border: 1px solid #DDDDDD;}
    .dataTables_empty{text-align: center!important;}
    .table tbody > tr > td{text-align: center!important;}

    .table{border:1px solid rgba(0,0,0,0.08);text-align: center;}
    .table thead{background: #f6f6f6;}
    .table thead th{border-bottom: 1px!important;text-align: center;}
</style>

<div class="page-title q-tit-change" style="margin:10px;"> 
    <a href="/analysis/index">数据分析</a> > 推广分析 
</div>
<div class="panel panel-default" style="margin:10px;">
    
    <!-- <div class="panel-heading">
        <h3 class="panel-title">推广分析</h3>
    </div> -->
    <div class="panel-body">
        <div class="col-sm-5" style="padding-left: 0px;display: none;">
            <div class="spread-echarts">
                <div id="echarts" style="height: 500px;"></div>
            </div>
        </div>
        <div class="col-sm-7">
            <table class="table">
                <thead>
                <tr>
                    <th style="width:30%;">推广方式</th>
                    <th>粉丝数</th>
                    <th>浏览量</th>
                    <th>成交量</th>
                </tr>
                </thead>
                <tbody>
                    <!-- <tr>
                        <td class="middle-align"><i class="fa fa-circle cfb4155 m-r-15"></i>h5引流游戏</td>
                        <td class="middle-align">178</td>
                        <td class="middle-align">5000</td>
                        <td class="middle-align">50</td>
                    </tr> -->
                </tbody>
            </table>
        </div>

    </div>
</div>

<script src="/modules/js/echarts/echarts.common.min.js"></script>
<script src="/modules/js/echarts/customed.js"></script>


<script type="text/javascript">
    seajs.use('analysis/spread');
</script>